<template>
	<u-swiper
		class="swiper"
		:list="list"
		indicator
		indicatorMode="dot"
		circular
		:autoplay="true"
		:height="height"
		:interval="5000"
		:radius="0"
		keyName="url"
		indicatorActiveColor="#D3AF82"
		indicatorInactiveColor="#C7B095"
		@change="onchange"></u-swiper>
</template>

<script setup lang="ts">
import { ref, defineEmits } from 'vue' 

const emit = defineEmits(['change'])

interface IProps {
	list: Array<any>;
	height: number;
}


const props = withDefaults(defineProps<IProps>(), {
  list: () => ([]),
  height: 0,
})

const onchange = (e: any) => {
	emit('change', e)
}

</script>

<style lang="less" scoped>
.swiper {
	width: 100%;
}
</style>
